<template>
    <div>
        <p>测试页面</p>

        <div class="block">

            <el-slider class="tips"  v-model="value2" :marks="marks" :step="20" :show-tooltip="false" :tooltip-class="tips" ></el-slider>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
             marks:{
                
                 0:"低风险",
                 20:"中低风险",
                 40:"中风险",
                 60:"中高风险",
                 80:"高风险",
                
             },
            value2: 0
        };
    }
};
</script>
<style scoped>
.block{
    width: 80%;
    margin:100px auto;
}

.tips{
    
}
</style>
